body {
  padding: 0;
  margin: 0;
  background: var(--bg-page);

  /*默认颜色配置*/
  --default: #fefeff;
  --primary: #0AB6E1;
  --primary-active: #5e6b5c;
  --primary-dark: #047e9c;
  --primary-light: #eff8ff;

  --assist: #FF9933;
  --assist-dark: #ea8a30;
  --assist-light: #fffaed;

  --success: #07c160;
  --success-light: #f0f9eb;
  --warning: #e6a23c;
  --warning-light: #fde9d2;
  --warning-dark: #ac6c0d;
  --danger: #f44;
  --danger-light: #fedde0;
  --danger-dark: #b80e0e;
  --info: #909399;

  /*字体颜色配置*/
  --font-ha: #303133;
  --font-hb: #606266;
  --font-hc: #909399;
  --font-hd: #C0C4CC;
  --font-disabled: #BBBBBB;

  /*边框颜色配置*/
  --border-ba: #DCDFE6;
  --border-bb: #E4E7ED;
  --border-bc: #EBEEF5;
  --border-bd: #F2F6FC;

  /*全局背景颜色配置*/
  --bg-page: #f8f8f9;
  --bg-disabled: #e6e6e7;

  /*全局圆角配置*/
  --round: 5px;
  --href: #44abde;
  --href-dark: #388ab5;

  --men: #2663ff;
  --women: #ff559f;
}

/*滚动条样式*/
.scrollPanel::-webkit-scrollbar {/*滚动条整体样式*/
  width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
  cursor: pointer;
}
.scrollPanel::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: rgba(114, 114, 114, 0.2);
}
.scrollPanel::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 0;
  background: rgba(191, 191, 191, 0.1);
}
/*核心代码*/

.form{
  .form_li{
    padding: 0 0 20px 0;
    &:last-child{
      padding-bottom: 0;
    }
    .form_li_label{
      font-size: 14px;
      line-height: 20px;
      padding-bottom: 5px;
    }
    .form_li_input{
      :deep(textarea),
      :deep(input),
      :deep(.el-select){
        width: 100%;
      }
    }
  }
}

/* 右键菜单 */
.rightMenu{
  width: 210px;
  box-shadow: rgb(0 0 0 / 14%) 0px 2px 16px 0px;
  background: #fff;
  position: fixed;
  left: 100px;
  top: 100px;
  padding: 0;
  &.absolute{
    position: absolute;
  }
  .rightMenu_li{
    width: calc(100% - 20px);
    display: flex;
    height: 35px;
    align-items: center;
    padding: 0 10px;
    cursor: pointer;
    color: var(--font-ha);
    &:hover{
      background: var(--bg-page);
    }
    &.delete{
      color: var(--danger);
    }
    .rightMenu_li_icon{
      width: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #5B6B73;
    }
    .rightMenu_li_label{
      font-size: 12px;
    }
  }
  .rightMenu_line{
    background: var(--border-bc);
    height: 1px;
    width: calc(100% - 20px);
    margin: 5px 10px;
  }
}
.el-radio-button--mini .el-radio-button__inner{
  padding: 4px 8px !important;
}

/**/
.TablePage,
.CommonPage{
  width: 100%;
  height: 100%;
}
.CommonPage{
  padding: 10px 0;
  height: calc(100% - 20px);
}

/**/
.ChildPage_PropPanel{
  width: 800px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0px;
  box-shadow: -2px 0 4px 1px #b7b7b7;
  z-index: 100;
  transition: all 0.5s;
  overflow: hidden;
  .ChildPage_PropPanel_center{
    width: calc(100% - 40px);
    height: 100%;
    z-index: 111;
    padding: 0 20px;
    position: relative;
    background: #fff;
    .ChildPage_PropPanel_title{
      height: 40px;
      display: flex;
      align-items: center;
      .ChildPage_PropPanel_title_h1{
        flex: 1;
      }
      .ChildPage_PropPanel_title_close{
        font-size: 20px;
      }
    }
    .ChildPage_PropPanel_List{
      height: calc(100% - 40px);
    }
  }
  .ChildPage_PropPanel_mask{
    content: "";
    width: 100%;
    height: 100%;
    z-index: 100;
    position: fixed;
    top: 0;
    right: 0;
    background: rgba(0,0,0,.2);
  }
}
.imgLibDialog {
  margin-top: 50px !important;
  overflow: hidden;
  max-width: 1145px;
  .el-dialog__body {
    padding: 10px 0 0 0 !important;
  }
}
.amap-sug-result{
  z-index: 10233;
}

.tablePageDialog{
  margin-top: 2vh !important;
  margin-bottom: 0 !important;
}

.labelsPopover{
  align-items: center;
  .labelsPopover_list{
    display: flex;
    flex-flow: wrap row;
    .labelsPopover_list_s{
      font-size: 12px;
      padding: 3px 6px;
      border-radius: 3px;
      margin: 0 3px 3px 0;
      cursor: pointer;
    }
  }
  .labelsPopover_form{
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
    .labelsPopover_li{
      display: flex;
      align-items: center;
      padding: 5px 0;
      flex: 1;
      .labelsPopover_li_name{
        font-size: 12px;
      }
      .labelsPopover_li_value{
        margin-left: 10px;
        display: flex;
        align-items: center;
      }
    }
  }
}
